<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./layout/newTemplate.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"  
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns="http://www.w3.org/1999/xhtml">

    <ui:define name="content">
        
        <h:form>
            <p:panel header="Registro de nuevo usuario">
            <p:messages id="messag" showDetail="true"  autoUpdate="true" closable="true" > 
                <p:effect type="fade" event="load" delay="#{gestorPrincipal.delayMessage}" />
            </p:messages>

                <p:panelGrid columns="2" styleClass="gridNormal">
                    <p:outputLabel value="Usuario"/>
                    <p:inputText value="#{gestorUsuario.strUsuario}" maxlength="255"/>

                    <p:outputLabel value="Contraseña"/>
                    <p:password value="#{gestorUsuario.strPassword}" maxlength="255"/>

                    <p:outputLabel value="E-mail"/>
                    <p:inputText value="#{gestorUsuario.strEmail}" maxlength="255"/>

                    <p:outputLabel value="Cedula"/>
                    <p:inputText value="#{gestorUsuario.persona.cedula}" maxlength="255"/>

                    <p:outputLabel value="Nombres"/>
                    <p:inputText value="#{gestorUsuario.persona.nombres}" maxlength="255"/>

                    <p:outputLabel value="Apellidos"/>
                    <p:inputText value="#{gestorUsuario.persona.apellidos}" maxlength="255"/>                    

                    <p:outputLabel value="Teléfono"/>
                    <p:inputText value="#{gestorUsuario.persona.telefono}" maxlength="255"/>

                    <h:outputLabel value="Escuela :"/>
                    <p:selectOneMenu id="menuescuelas" value="#{gestorUsuario.escuelaSeleccionada}" panelStyle="width:150px"  converter="escuelaConverter"
                                     var="c" style="width:160px"  filter="true" filterMatchMode="startsWith"
                                     required="true" requiredMessage="Alerta: Campo escuela vacio" >  
                        <f:selectItem itemLabel="Seleccionar" itemValue="" />  
                        <f:selectItems value="#{gestorUsuario.escuelas}" var="escuelaConverter" itemLabel="#{escuelaConverter.nombre}" itemValue="#{escuelaConverter}"/>

                        <p:column>  
                            #{c.nombre}
                        </p:column>  
                    </p:selectOneMenu>   
                    <!--
                    <h:outputLabel value="Ingrese el texto que aparece en la imagen"/>
                    
                    <p:captcha label="Captcha" requiredMessage="Debe ingresar el texto de la imagen que se muestra" validatorMessage="Error, el texto ingresado de la imagen no es correcto."/>  
-->

                    <h:panelGroup/>
                    <p:commandButton value="Registrar" action="#{gestorUsuario.registrar()}" ajax="false"/>
                </p:panelGrid>


            </p:panel>
         
        </h:form>
    </ui:define>
</ui:composition>